<template>
	<div>
		<el-dialog top="5vh" :title="title" :visible.sync="visible" :width="width + 'px'" 
		:before-close="onClose" :close-on-click-modal="false">
			<div class="container" :style="{height:height+'px'}">
				<slot name="content"></slot>
			</div>
			<span slot="footer" class="dialog-footer">
				<el-button @click="onClose">取 消</el-button>
				<el-button type="primary" @click="onConfirm">确 定</el-button>
			</span>
		</el-dialog>
	</div>
</template>
<script>
export default {
    props: {
        title: {
            type: String,
            default: "标题",
        },
        visible: {
            type: Boolean,
            default: false,
        },
        width: {
            type: Number,
            default: 600,
        },
        height: {
            type: Number,
            default: 250,
        },
    },
    data() {
        return {};
    },
    methods: {
        onClose() {
            this.$emit("onClose");
        },
        onConfirm() {
            this.$emit("onConfirm");
        },
    },
};
</script>
